<template>
  <n-card :header-style="{ padding: '10px', background: '#F1F5FF', marginBottom: '10px' }">
    <template #header>1.广告信息</template>
    <n-skeleton :repeat="8" text v-if="schedulePrice.loading"></n-skeleton>
    <x-form ref="formRef" :model="{}" :rules="rules" label-placement="left" label-width="140" v-show="!schedulePrice.loading">
      <n-form-item label="账号ID" path="goal">
        {{ account && account.accountCode }}
      </n-form-item>
      <n-form-item label="广告名称" path="goal">
        {{ adv.creativeInfo.adgroupName }}
      </n-form-item>
      <n-form-item label="版位" path="goal">
        {{ adv.creativeInfo.siteSet }}
      </n-form-item>
      <n-form-item label="广告日预算" path="goal">
        {{ adv.creativeInfo.dailyBudget }}
      </n-form-item>
      <n-form-item label="投放日期" path="goal">
        {{ adv.creativeInfo.launchTime }}
      </n-form-item>
      <n-form-item label="投放时间" path="goal">
        {{ adv.creativeInfo.launchDate }}
      </n-form-item>
      <n-form-item label="出价" path="goal">
        {{ adv.creativeInfo.bidAmount }}
      </n-form-item>
      <n-form-item label="一键起量" path="goal">
        {{ adv.creativeInfo.autoAcquisitionBudget }}
      </n-form-item>
    </x-form>
  </n-card>
</template>

<script setup lang="ts">
import { computed, reactive, toRefs } from 'vue';
import { useStore } from '@/store';
import { FormItemRule, NCard, NModal, NDataTable, NFormItem, NSelect, NTag, NRadioGroup, NSkeleton } from 'naive-ui';
import { XForm, XButton, XDataTable } from '@/components';

import { useDictionary } from '@/hooks/dictionary';


const useDict = useDictionary()

const store = useStore();
const adv = computed(() => {
  return store.state.adv.modal;
})
const schedulePrice = computed(() => {
  return adv.value.schedulePrice;
})
const account = computed(() => {
  return store.state.adv.accounts[0];
})
const rules = {

  // }
}



</script>
<style lang="less"></style>
